﻿<!DOCTYPE html>
<html>
<head lang="zh-cn">
    <meta charset="utf-8">
    <!--Let browser know website is optimized for mobile-->
    <title>Starter Template for Bootstrap</title>
    <!-- Compiled and minified CSS -->
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <link rel="stylesheet" href="assets/materialize-v0.97.5/css/materialize.min.css" media="screen,projection">
    <link rel="stylesheet" href="assets/com/css/bianma8.css" />
</head>
<body>
    <header class="teal lighten-3">
            <div class="row">
                <div class="col s6">
                    <a class="page-title white-text" href="#">
                        编码吧，程序君！
                    </a>
                </div>
            </div>
 
        <!-- Dropdown Structure -->
        <ul id="dropdown2" class="dropdown-content">
            <li><a href="#one">one</a></li>
            <li><a href="#two">two</a></li>
            <li class="divider"></li>
            <li><a href="#!">three</a></li>
        </ul>
        <ul id="dropdown1" class="dropdown-content">
            <li><a href="#one">one</a></li>
            <li><a href="#two">two</a></li>
            <li class="divider"></li>
            <li><a href="#!">three</a></li>
        </ul>
        <nav>
            <div class="nav-wrapper teal lighten-2">
                    <ul class="left hide-on-med-and-down">
                        <li><a href="sass.html">Sass</a></li>
                        <li><a class="dropdown-button" href="#!" data-activates="dropdown2">Components</a></li>
                        <!-- Dropdown Trigger -->
                        <li><a class="dropdown-button" href="#!" data-activates="dropdown1">Dropdown</a></li>
                    </ul>
                    <ul class="right hide-on-med-and-down">
                        <li><a href="sass.html">Sass</a></li>
                    </ul>
            </div>
        </nav>
    </header>
    <main>
        <div class="container">
            <div class="starter-template">
                <h1>Bootstrap starter template</h1>
                <p class="lead">Use this document as a way to quickly start any new project.<br> All you get is this text and a mostly barebones HTML document.</p>

                <a href="csharp/articles/custom-app-config.html">custom-app-config</a>
            </div>
        </div>

    </main>
    <footer class="page-footer">
        <div class="container">
            <div class="row">
                <div class="col l6 s12">
                    <h5 class="white-text">Footer Content</h5>
                    <p class="grey-text text-lighten-4">You can use rows and columns here to organize your footer content.</p>
                </div>
                <div class="col l4 offset-l2 s12">
                    <h5 class="white-text">Links</h5>
                    <ul>
                        <li><a class="grey-text text-lighten-3" href="#!">Link 1</a></li>
                        <li><a class="grey-text text-lighten-3" href="#!">Link 2</a></li>
                        <li><a class="grey-text text-lighten-3" href="#!">Link 3</a></li>
                        <li><a class="grey-text text-lighten-3" href="#!">Link 4</a></li>
                    </ul>
                </div>
            </div>
        </div>
        <div class="footer-copyright">
            <div class="container">
                © 2014 Copyright Text
                <a class="grey-text text-lighten-4 right" href="#!">More Links</a>
            </div>
        </div>
    </footer>
    <!-- Compiled and minified JavaScript -->
    <script src="assets/jquery/jquery-2.1.1.min.js"></script>
    <script src="assets/materialize-v0.97.5/js/materialize.min.js"></script>
    <!--<script>
        $(document).ready(function () {
            $(".dropdown-button").dropdown();
        });
    </script>-->
</body>
</html>
